<!-- Parent.vue -->
<template>
  <div>
    <h2>使用默认插槽的示例</h2>

    <!-- 在组件标签之间的内容会被放入到子组件的默认插槽中 -->
    <Card>
      <h3>这是卡片标题</h3>
      <p>这是卡片内容，会被插入到Card组件的默认插槽中</p>
      <button>点击按钮</button>
    </Card>

    <!-- 可以重复使用，每次传递不同内容 -->
    <Card>
      <img src="https://picsum.photos/200/100" alt="示例图片">
      <p>这是另一个卡片的内容</p>
    </Card>
  </div>
</template>

<script setup>
import Card from './Card.vue'
</script>